@charset "utf-8";
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;
                          padding: 0;
						  border: 0;
						  font-size: 100%;
						  font:inherit;
						  vertical-align: baseline;}
body {line-height: 1;font-size:14px;font-family:Arial,'Microsoft Yahei','Hiragino Sans GB',sans-serif;background:#fff; color:#71787e;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img{border:none;vertical-align:middle; width:100%;}
em{ font-style:normal}
a{text-decoration:none;} 
a:hover{text-decoration:none; outline:none}
input,select,checkbox,textarea{display:inline-block; vertical-align: middle;}
input:focus{ outline-style:none; }textarea:focus,select:focus,button:focus{ outline-style:none; }
html{-webkit-text-size-adjust:none;}/*解决chrome网页字体小于12的问题*/
.clearfix:after{content:" "; display:block; clear:both; visibility:hidden;}
.clearfix{overflow:hidden; _zoom:1}
/*头部*/
.head{width:100%; height:420px; position:relative; background:url(../../../assets/img/index/01.jpg) no-repeat; background-size:100%; min-width:960px; position:relative;}
.backdrop{position:absolute; top:0; left:0; width:100%; height:100%;}
.backdrop img{width:100%;}
.head1{width:100%; height:420px; background:url(../../../assets/img/index/02.jpg) no-repeat; background-size:100%;}
.head2{width:100%; height:420px; background:url(../../../assets/img/index/03.jpg) no-repeat; background-size:100%;}
.head3{width:100%; height:420px; background:url(../../../assets/img/index/04.jpg) no-repeat; background-size:100%;}
.head_top{width:100%; height:60px; background:rgba(48, 96, 152, 0.9);}
.head_in{width:960px; margin:0 auto; position:relative; height:100%;}
.head_in1{width:960px; margin:0 auto; position:relative; height:360px;}
.head_in_top{width:100%; height:60px;}
.logo{width:202px; height:22px; background:url(../../../assets/img/index/logo.png) no-repeat; margin:19px 220px 0 0; float:left; text-indent:-999em;}
.logo a,.logo1 a{display:block; width:100%; height:100%;}
.nav{float:left; margin:23px 29px 0 0;}
.nav ul{float:left;}
.nav li{float:left; margin-right:15px; height:27px; letter-spacing: 3px;}
.nav .active{border-bottom:1px solid #fff;}
.nav .active a{font-weight:bold;}
.nav li a{color:#fff; font-size:14px;}
.try{float:left; margin-top:10px;}
.try a{display:block; width:120px; height:42px; border:2px solid #fff; border-radius:4px; text-align:center; line-height:42px; font-size:14px; color:#fff; letter-spacing: 3px;}
.console{float:left; margin-top:20px;margin-right:10px}
.console a{display:block; width:80px; height:27px;text-align:center; line-height:27px; font-size:14px; color:#fff; letter-spacing: 3px;}
.big_c_txt{width:100%; font-size:32px; text-align:center; font-weight:bold; color:#fff; font-family:HiraginoSansGB-W6; letter-spacing:5.3px; padding-top:180px;}
.big_e_txt{width:100%; margin-top:18px; font-size:32px; text-align:center; color:#fff; font-family:Verdana; letter-spacing:3.6px;}
.play_btn{width:96px; height:96px; background:url(../../../assets/img/index/play-button.png) no-repeat; cursor:pointer; position:absolute; top:65%; left:50%; margin:0px 0 0 -46px; z-index:999;}
.big_c_txt1{width:100%; height:44px; font-size:32px; font-weight:600; line-height:1.38; text-align:center; color:#fff; position:absolute; left:0; top:50%; margin-top:-22px;}
.one_video{width:720px; height:400px; position:absolute; left:-3px; top:25px;}
.screen{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:#191919; opacity:0.6; display:none;}
.one_video span{position:absolute; top:-41px; right:-15px; width:40px; height:40px; background:url(../../../assets/img/index/CloseButton.png) no-repeat; cursor:pointer;}
.one_out{width:714px; height:450px; position:fixed; top:76px; left:50%; margin-left:-357px; z-index:999; display:none; background:rgba(0, 0, 0, 0.8);}

.foot{width:100%; height:196px; background:rgba(48, 96, 152, 0.9);}
.foot_in{width:960px; height:100%; margin:0 auto;}
.foot_left{float:left; margin:0 82px 0 0px; width:202px;}
.foot_centre{float:left; width:392px; margin-right:124px;}
.foot_right{float:right; width:150px;}
.logo1{width:202px; height:22px; background:url(../../../assets/img/index/logo.png) no-repeat; text-indent:-999em; margin-top:60px;}
.foot_left_txt{margin-top:18px; font-size:14px; color:#fff; line-height:24px;}
.foot_centre ul{width:100%; height:14px; margin-top:81px; float:left;}
.foot_centre li{float:left; padding:0 10px; border-right:1px solid #fff;}
.foot_centre .no{border-right:0;}
.foot_centre li a{color:#fff; font-size:14px;}
.foot_r_pic{margin:28px auto 11px; width:120px; height:120px;}
.foot_r_txt{font-size:12px; color:#fff; text-align:center;}


@charset "utf-8";
.content{width:960px; margin:60px auto 0;}
h2{width:100%; text-align:center; font-size:32px; line-height:44px; font-weight:bold; color:#393c3e;}
h3{width:100%; text-align:center; font-size:22px; line-height:1.45; color:#393c3e;}
.mar_b36{margin-bottom:36px;}
.mar_b60{margin-bottom:60px;}
.mar_b18{margin-bottom:18px;}
.mar_b32{margin-bottom:32px;}
.mar_b100{margin-bottom:100px;}
.mar_b30{margin-bottom:30px;}
.mar_b44{margin-bottom:44px;}
.mar_b12{margin-bottom:12px;}
.mar_b80{margin-bottom:80px;}
.mar_b10{margin-bottom:10px;}
.mar_l2{margin-left:2px;}
.product_txt{width:800px; font-size:20px; line-height:30px; margin:0 auto 90px; text-indent:2em; letter-spacing:0.2px;}
.product_txt1{width:800px; font-size:20px; line-height:30px; margin:0 auto 10px; text-indent:2em; letter-spacing:0.2px;}
.product_txt2{width:800px; font-size:20px; line-height:30px; margin:0 auto 44px; text-indent:2em; letter-spacing:0.2px;}
.character{width:930px; overflow:hidden; margin:0 auto 100px;}
.character ul{margin-right:-60px;}
.character li{width:270px; float:left; margin-right:60px; position:relative;}
.character li span{position:absolute; top:0; right:-30px; width:1px; height:100%; background:#e5e5e5;}
.character_top{width:66px; height:66px; margin:0 auto;}
.character_mid{margin:15px 0 30px 0; height:32px; font-size:22px; line-height:32px; color:#393c3e; width:100%; text-align:center;}
.character_bot{width:100%; text-algin:center; line-height:24px; text-align:center;}
.product_pic{width:960px; height:320px;}

.cont_bot{width:100%; background:#eef0f2; padding:60px 0 32px 0;}
.cloud{width:960px; overflow:hidden; margin:0 auto;}
.cloud ul{margin-right:-20px;}
.cloud li{float:left; width:470px; height:196px; margin:0 20px 28px 0; background:#fff; padding:0px 30px 0 18px; border-radius: 6px;}
.cloud_pic{float:left; width:80px; height:80px; margin:54px 34px 0 0;}
.cloud_txt{float:left; margin-top:38px; width:300px;}
.cloud_txt h4,.solve_div h4{font-size:22px; line-height:1.45; color:#393c3e;}
.cloud_txt p{line-height:1.71;}
.solve{width:100%;}
.solve ul{width:100%; padding-top:2px;}
.solve li{width:100%; height:280px; margin-bottom:20px; float:left;}
.solve_div{float:left; width:50%; height:100%;}
.solve_div1{float:left; width:478px; height:100%;}
.solve_div1 h4{width:100%; text-align:center; margin-top:26px; font-size:22px; line-height:1.45; color:#393c3e;}
.solve_div1 p{line-height:1.71; margin:0 30px; font-size:20px; text-indent:2em;}
.about{width:800px; margin:0 auto;}
.about p{font-size:20px; line-height:1.5; letter-spacing:0.2px; text-indent:2em; margin-bottom:30px;}
.video{width:600px; height:336px; margin:0 auto 60px; position:relative;}
.video_v{display:none; width:600px; height:336px;}
.video_pic{width:600px; height:336px; position:relative;}
.v_btn{position:absolute; width:96px; height:96px; background:url(../../../assets/img/index/play-button.png) no-repeat; top:50%; left:50%; margin:-48px 0 0 -48px; cursor:pointer;}

.box_s{box-shadow:-2px 0 5px rgba(0, 0, 0, 0.05), 2px 0 5px rgba(132, 132, 132, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 -2px 5px 0 rgba(132, 132, 132, 0.05); }







